.announcement-card {
  overflow: hidden;
  //transition: all ease 1s;
  width: 100%;
  background: #F7F8FA;
  border-left: 2px solid #2B78FF;
  padding: 0 20px;

  .main-card {

    .flex-box {
      display: flex;
      flex-direction: row;
      justify-content: space-between;

      .title {
        margin-top: 11px;
        margin-bottom: 11px;
        font-weight: 600;
        //font-family: PingFangSC-Medium;
        font-size: 18px;
        color: #1E2126;
        line-height: 26px;
      }
      .one-line {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        /* autoprefixer: off */
        -webkit-box-orient: vertical;
        /* autoprefixer: on */
        word-break: break-all;
      }
      .fold-button {
        text-align: right;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        min-width: 40px;
        padding-top: 14px;
        font-weight: 600;
        //font-family: PingFangSC-Medium;
        font-size: 14px;
        color: #2B78FF;
        cursor: pointer;
      }
    }
    .content {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #6C788C;
      line-height: 20px;
      padding-bottom: 12px;
    }
    .more-height {
      padding-bottom: 20px;
    }
    .link-url {
      display: inline-block;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #2B78FF;
      line-height: 14px;
      text-decoration: none;
      padding-bottom: 15px;
    }
    .link-url:hover {
      color: #1890ff;
    }
  }
}

.marin-bottom {
  margin-bottom: 20px;
}

.zero-height {
  height: 0px;
}

.fold-height {
  height: 48px;
}
